.source-serch {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 36rpx;
  justify-content: space-between;
  margin-bottom: 36rpx;

  .serch-item {
    border-radius: 20rpx;
    height: 60rpx;
    color: #333333;
    box-sizing: border-box;
    padding: 12rpx 60rpx 12rpx 24rpx;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 100% - 6rpx center;
    background-size: 24rpx 24rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 24rpx;
    color: #333333;

    &.pinpai {
      width: 240rpx;
    }

    &.chexing {
      width: 192rpx;
    }

    &.chexi {
      width: 192rpx;
    }

    &.active {
      font-weight: 700;
      font-size: 24rpx;
      color: #ffffff;
      background-color: #9CDB14;
    }
  }
}

.car-source {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 36rpx;

  // .source-item {
  //   width: 50%;
  //   padding: 12rpx;
  //   box-sizing: border-box;
  //   display: flex;
  //   flex-direction: column;
  //   align-items: center;

  //   .car-img {
  //     width: 100%;
  //     height: 300rpx;
  //     border-radius: 30rpx;
  //   }

  //   .car-name {
  //     width: 100%;
  //     height: 72rpx;
  //     font-size: 28rpx;
  //     font-weight: 400;
  //     color: #000;
  //     margin-top: 8rpx;
  //   }

  //   .car-price {
  //     width: 100%;
  //     height: 44rpx;
  //     display: flex;
  //     align-items: center;
  //     justify-content: space-between;
  //     margin-top: 16rpx;

  //     .price-left {
  //       color: #FF6B00;

  //       .unit {
  //         font-weight: 600;
  //         font-size: 40rpx;
  //       }

  //       .unit-1 {
  //         font-size: 24rpx;
  //       }
  //     }

  //     .price-right {
  //       padding: 8rpx 16rpx;
  //       font-size: 24rpx;
  //       text-align: right;
  //       color: #FF9900;

  //       &.buy-page {
  //         background: linear-gradient(124.08deg, #131313 1.7%, #404040 31.59%, #000000 92.8%);
  //         border-radius: 120rpx;
  //         color: #9CDB14;
  //         font-weight: 700;
  //       }
  //     }
  //   }
  // }

  .source-item {
    display: flex;
    align-items: center;

    .car-img {
      width: 190rpx;
      height: 124rpx;
      border-radius:9rpx
    }

    .content {
      padding: 0 12rpx;
      box-sizing: border-box;
      width: 342rpx;

      .title {
        font-size: 30rpx;
        color: #333333;
        font-weight: 700;
        height: 80rpx;
      }

      .price {
        color: #FF4A33;

        .size {
          font-size: 28rpx;
          font-weight: 700;
        }

        .mr-1 {
          margin-right: 12rpx;
        }

        .size1 {
          font-size: 20rpx;
        }
      }

      .parameter {
        width: 106rpx;
        height: 32rpx;
        background: rgba(156, 219, 20, .2);
        border-radius: 2rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20rpx;
        color: #85C200;
      }

      .parameter-content {
        font-weight: 400;
        font-size: 20rpx;
        color: #666666;
      }
    }

    .btn {
      width: 146rpx;
      height: 56rpx;
      background: #9CDB14;
      border-radius: 12rpx;
      text-align: center;
      line-height: 56rpx;
      font-size: 24rpx;
      color: #FFFFFF;
    }
  }
}



.search-ipt {
  width: 678rpx;
  margin: 0 36rpx 36rpx 36rpx;
  line-height: 88rpx;
  background-color: #F0F2F4;
  border-radius: 36rpx;
  color: #333333;
  font-size: 32rpx;
  box-sizing: border-box;
  padding: 30rpx 32rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .ipt {
    width: 560rpx;
  }

  .search-icon {
    width: 48rpx;
    height: 48rpx;
  }
}